<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">

<title>六脉网络科技</title>

<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="六脉网络科技，软件开发">
<meta name="description" content="">

<!-- stylesheets css -->
<link rel="stylesheet" href="__TMPL__Public/css/bootstrap.min.css">
<link rel="stylesheet" href="__TMPL__Public/css/animate.min.css">

<link rel="stylesheet" href="__TMPL__Public/css/et-line-font.css">
<link rel="stylesheet" href="__TMPL__Public/css/font-awesome.min.css">

<link rel="stylesheet" href="__TMPL__Public/css/vegas.min.css">
<link rel="stylesheet" href="__TMPL__Public/css/style.css">
    <script src="__TMPL__Public/js/jquery.js"></script>

<!--<link href='http://fonts.useso.com/css?family=Rajdhani:400,500,700' rel='stylesheet' type='text/css'>-->
    <style>
        .layui-layer-content {
            background:rgb(200, 200,200);!important;
        }
        .layui-layer-btn {
            background:rgb(200, 200, 200);!important;

        }
    </style>
</head>
<body>

<!-- preloader section -->
<section class="preloader">
<div class="sk-circle">
<div class="sk-circle1 sk-child"></div>
<div class="sk-circle2 sk-child"></div>
<div class="sk-circle3 sk-child"></div>
<div class="sk-circle4 sk-child"></div>
<div class="sk-circle5 sk-child"></div>
<div class="sk-circle6 sk-child"></div>
<div class="sk-circle7 sk-child"></div>
<div class="sk-circle8 sk-child"></div>
<div class="sk-circle9 sk-child"></div>
<div class="sk-circle10 sk-child"></div>
<div class="sk-circle11 sk-child"></div>
<div class="sk-circle12 sk-child"></div>
</div>
</section>

<!-- home section -->
<section id="home">
<div class="container">
<div class="row">

<div class="col-md-offset-2 col-md-8 col-sm-12">
<div class="home-thumb">
<h1 class="wow fadeInUp" data-wow-delay="0.4s">六脉科技</h1>
<h3 class="wow fadeInUp" data-wow-delay="0.6s"><strong>我们是一家集设计、研发、营销为一体的互联网软件开发综合服务商。</strong></h3>
<a href="#about" class="btn btn-lg btn-default smoothScroll wow fadeInUp hidden-xs" data-wow-delay="0.8s">公司简介</a>
<a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-lg btn-success smoothScroll wow fadeInUp" data-wow-delay="1.0s">联系我们</a>
</div>
</div>

</div>
</div>
</section>

<!-- about section -->
<section id="about">
<div class="container">
<div class="row">

<div class="col-md-6 col-sm-12">
<img src="__TMPL__Public/images/about-img.png" class="img-responsive wow fadeInUp" alt="About">
</div>

<div class="col-md-6 col-sm-12">
<div class="about-thumb">
<div class="section-title">
<h1 class="wow fadeIn" data-wow-delay="0.2s">我们的公司</h1>
<h3 class="wow fadeInUp" data-wow-delay="0.4s">山东临沂应用科学城A座707室</h3>
</div>
<div class="wow fadeInUp" data-wow-delay="0.6s">
<p>技术开发团队20人，公司总人数40人，有丰富的项目经验</p>
<p>你的软件需求，我们的专业</p>
<p>使命：连接商业企业转型之路</p>
<p>价值主张：专注创新坚持高效</p>
<p>愿景：做中国最具创新精神的软件开发商</p>
</div>
</div>
</div>

</div>
</div>
</section>
<div class="copyrights">Collect from <a href=""  title="六脉网络">六脉网络</a></div>

<!-- feature section -->
<section id="feature">
<div class="container">
<div class="row">

<svg preserveAspectRatio="none" viewBox="0 0 100 102" height="100" width="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" class="svgcolor-light">
<path d="M0 0 L50 100 L100 0 Z"></path>
</svg>

<div class="col-md-4 col-sm-6">
<div class="media wow fadeInUp" data-wow-delay="0.4s">
<div class="media-object media-left">
<i class="icon icon-laptop"></i>
</div>
<div class="media-body">
<h2 class="media-heading">app项目研发</h2>
<p>六脉网络科技APP开发公司提供超过5种主流开发服务，IOS开发、android开发，微信开发、html5开发、商城开发 </p>
</div>
</div>
</div>

<div class="col-md-4 col-sm-6">
<div class="media wow fadeInUp" data-wow-delay="0.8s">
<div class="media-object media-left">
<i class="icon icon-refresh"></i>
</div>
<div class="media-body">
<h2 class="media-heading">商城网站建设</h2>
<p>购物商城、返利商城、企业网站等提供客户化应用系统设计、开发服务，能够帮助客户确定对应用系统或产品的具体需求，并管理和维护其整个生命周期。</p>
</div>
</div>
</div>

<div class="col-md-4 col-sm-8">
<div class="media wow fadeInUp" data-wow-delay="1.2s">
<div class="media-object media-left">
<i class="icon icon-chat"></i>
</div>
<div class="media-body">
<h2 class="media-heading">智能物联解决方案</h2>
<p>智能教育解决方案、智能家居解决方案、智慧社区解决方案一整套完善服务</p>
</div>
</div>
</div>

<div class="clearfix text-center col-md-12 col-sm-12">
<a href="#contact" class="btn btn-default smoothScroll">告诉我们</a>
</div>

</div>
</div>
</section>

<!-- contact section -->
<section id="contact">
<div class="container">
<div class="row">

<div class="col-md-offset-2 col-md-8 col-sm-12">
<div class="section-title">
<h1 class="wow fadeInUp" data-wow-delay="0.3s">关于我们</h1>
<p class="wow fadeInUp" data-wow-delay="0.6s">专注互联网开发多年，有丰富的微信应用，后台系统软件开发经验，公司拥有专业的开发团队，安全信息中心，云服务器保证产品安全可靠。</p>
</div>
<div class="contact-form wow fadeInUp" data-wow-delay="1.0s">
<form id="contact-form" method="post">
<div class="col-md-6 col-sm-6">
<input name="name" type="text" class="form-control name" placeholder="您的名字" required>
</div>
<div class="col-md-6 col-sm-6">
<input name="tel" type="tel" class="form-control tel" placeholder="您的电话" required>
</div>
<div class="col-md-12 col-sm-12">
<textarea name="content" class="form-control content" placeholder="您的留言" rows="6" required></textarea>
</div>
<div class="col-md-offset-3 col-md-6 col-sm-offset-2 col-sm-8">
<input name="submit" data-id="0" type="button" class="form-control  subSend" value="发送给我们">
</div>
</form>
</div>
</div>

</div>
</div>
</section>

<!-- footer section -->
<footer>
<div class="container">
<div class="row">

<svg class="svgcolor-light" preserveAspectRatio="none" viewBox="0 0 100 102" height="100" width="100%" version="1.1" xmlns="">
<path d="M0 0 L50 100 L100 0 Z"></path>
</svg>

<div class="col-md-4 col-sm-6">
<h2>联系我们</h2>
<div class="wow fadeInUp" data-wow-delay="0.3s">
<p>专注互联网开发多年，有丰富的微信应用，后台系统软件开发经验，公司拥有专业的开发团队，安全信息中心，云服务器保证产品安全可靠。</p>
<p class="copyright-text">Copyright &copy; 2016 Your Company <br>
</div>
</div>

<div class="col-md-1 col-sm-1"></div>

<div class="col-md-4 col-sm-5">
<h2>联系方式</h2>
<p class="wow fadeInUp" data-wow-delay="0.6s">
地址：山东临沂应用科学城A座707室<br>
电话：17353976696 <br>
</p>
<ul class="social-icon">
<li><a href="#" class="fa fa-facebook wow bounceIn" data-wow-delay="0.9s"></a></li>
<li><a href="#" class="fa fa-twitter wow bounceIn" data-wow-delay="1.2s"></a></li>
<li><a href="#" class="fa fa-behance wow bounceIn" data-wow-delay="1.4s"></a></li>
<li><a href="#" class="fa fa-dribbble wow bounceIn" data-wow-delay="1.6s"></a></li>
</ul>
</div>

</div>
</div>
</footer>

<!-- modal -->
<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content modal-popup">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span style="position: relative;top: -3px;" aria-hidden="true">&times;</span></button>
<h2 class="modal-title">联系方式</h2>
</div>
<form  method="post">
<input name="name" type="text" class="form-control" id="name" placeholder="您的名字">
<input name="tel" type="text" class="form-control" id="tel" placeholder="您的电话">
    <textarea name="content" style="height: 200px;resize:none" class="form-control" id="content" placeholder="您的留言"></textarea>
<input name="submit" type="button" data-id="1" class="form-control" id="subSend" value="发送给我们">
</form>
<p>欢迎您的到来！</p>
</div>
</div>
</div>

<input type="hidden" id="slide-1" value="__TMPL__Public/images/slide-1.jpg">
<input type="hidden" id="slide-2" value="__TMPL__Public/images/slide-2.jpg">


<!-- Back top -->
<a href="#back-top" class="go-top"><i class="fa fa-angle-up"></i></a>

<script src="__TMPL__Public/js/bootstrap.min.js"></script>

<script src="__TMPL__Public/js/vegas.min.js"></script>
<script src="__TMPL__Public/js/wow.min.js"></script>
<script src="__TMPL__Public/js/smoothscroll.js"></script>
<script src="__TMPL__Public/js/custom.js"></script>
<script src="__TMPL__Public/layer/layer.js"></script>
<script src="__TMPL__Public/js/dialog.js"></script>
<script src="__TMPL__Public/js/common.js"></script>
<script>
    var SCOPE = {url:"{:U('Portal/Index/index')}"};
    $('.subSend').on('click',function () {
        var name = $('.name').val();
        var tel= $('.tel').val();
        var content = $('.content').val();
        if(name == ''){
            dialog.error('用户名不能为空！');
            return;
        }
        if(tel == ''){
            dialog.error('联系方式不能为空！');
            return;
        }

        if(content == ''){
            dialog.error('留言内容不能为空！');
            return;
        }



       var data = {'name':name,'tel':tel,'content':content};
        $.post('{:U("Portal/Index/saveData")}',data,function (result) {
            if (result.status == 1) {
                return dialog.success(result.message, SCOPE.url);
            }
        },'json');
    });
    $('#subSend').on('click',function () {

           var name = $('#name').val();
           var tel= $('#tel').val();
           var content = $('#content').val();
           if(name == ''){
               dialog.error('用户名不能为空！');
               return;
           }
           if(tel == ''){
               dialog.error('联系方式不能为空！');
               return;
           }

           if(content == ''){
               dialog.error('留言内容不能为空！');
               return;
           }



       var data = {'name':name,'tel':tel,'content':content};
        $.post('{:U("Portal/Index/saveData")}',data,function (result) {
            if (result.status == 1) {
                return dialog.success(result.message, SCOPE.url);
            }
        },'json');
    });


</script>
</body>
</html>